ecshop

推荐列表 站点导航

当前位置:首页 > 建站教程 > ecshop >

如何实现ecshop批量添加商品到购物车

来源:网络整理  作者:  发布时间:2020-12-13 21:45
默认的ecshop中只能单件点击添加到购物车,没有办法批量添加,其实很简单,我们可以用函数 addToCart()来实现。下面...

    {

第三,添加循环将选定商品加入购物车的函数,打开/js/common.js文件,在第36行,加入下面的代码:

   }

 

第一,修改商品列表模板 /themes/default/library/goods_list.lbi,在每个商品的前面增加一个复选框按钮。在74行的样子增加以下的代码:

{

   if ( (e.type=='checkbox')&&(!e.disabled) )

}

    if ( e.checked )

默认的ecshop中只能单件点击“添加到购物车”,没有办法批量添加,其实很简单,我们可以用函数 addToCart()来实现。下面我们就来讲一下具体的操作方法。

{

function addSelectedToCart(p)

*/

    }

   var e = document.getElementById(p).elements[i];

}

第二,随便找个位置,增加可以添加选定商品到电子商务网站模板购物车的链接。代码如下:

for ( var i=0; i<document.getElementById(p).elements.length; i++ )

<input type="checkbox" value="{$goods.goods_id}" />

*添加选定商品到购物车

<a href="javascript:addSelectedToCart('goodslist')">Add selected products to cart</a>

   {

/*

     addToCart(e.value) ;

大家参照这样设置一下就可以了。

相关热词: ecshop

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jz/ecshop/3510.shtml

最新文章
ecshop中设置顺丰快递支持 ecshop中设置顺丰快递支持

时间:2020-12-28

ecshop图文安装过程详解 ecshop图文安装过程详解

时间:2020-12-28

ecshop邮件服务器设置方法 ecshop邮件服务器设置方法

时间:2020-12-23

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

如何实现ecshop批量添加商品到购物车

2020-12-13 编辑:

    {

第三,添加循环将选定商品加入购物车的函数,打开/js/common.js文件,在第36行,加入下面的代码:

   }

 

第一,修改商品列表模板 /themes/default/library/goods_list.lbi,在每个商品的前面增加一个复选框按钮。在74行的样子增加以下的代码:

{

   if ( (e.type=='checkbox')&&(!e.disabled) )

}

    if ( e.checked )

默认的ecshop中只能单件点击“添加到购物车”,没有办法批量添加,其实很简单,我们可以用函数 addToCart()来实现。下面我们就来讲一下具体的操作方法。

{

function addSelectedToCart(p)

*/

    }

   var e = document.getElementById(p).elements[i];

}

第二,随便找个位置,增加可以添加选定商品到电子商务网站模板购物车的链接。代码如下:

for ( var i=0; i<document.getElementById(p).elements.length; i++ )

<input type="checkbox" value="{$goods.goods_id}" />

*添加选定商品到购物车

<a href="javascript:addSelectedToCart('goodslist')">Add selected products to cart</a>

   {

/*

     addToCart(e.value) ;

大家参照这样设置一下就可以了。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jz/ecshop/3510.shtml

相关文章

风云图片

推荐阅读

返回ecshop频道首页